<!-- Panel -->
<div id="toppanel">
    <div id="panel">
        <div class="content clearfix">
            <div class="left">
                <h1>Bienvenido a SEMA</h1>
                <p class="grey" style="font-size:98%">Sistema de seguimiento a los estudiantes y egresados para el Modelo Aceleraci&oacute;n del aprendizaje.</p>
            </div>
            <!-- Login Form -->
            <form class="clearfix" action="inicio_sesion.php" name="inicio_sesion" id="inicio_sesion" method="post" onsubmit="return validasesion(this)">

                <div class="left">
                    <label class="grey" for="log">Usuario:</label>
                    <input class="field" type="text" name="nombre_usuario" id="nombre_usuario" value="" size="23" />
                    <div class="clear"></div>
                    <h2>Inicio de sesi&oacute;n</h2>

    <!--<input type="submit" name="submit" value="Ingresar" class="bt_login" />
    <a class="lost-pwd" href="#">Recordar contrase&ntilde;a?</a>-->
                </div>
                <div class="left right">
                    <!-- Register Form -->
                    <label class="grey" for="password">Contraseña:</label>
                    <input class="field" type="password" name="password" id="password" size="23" />
                    <input type="submit" name="submit" value="Ingresar" class="bt_register" />

                </div>
            </form>
        </div>
    </div> <!-- /login -->

    <!-- The tab on top -->
    <div class="tab">
        <ul class="login">
            <li class="left">&nbsp;</li>
            <li>Bienvenido a SEMA</li>
            <li class="sep">|</li>
            <li id="toggle">
                <a id="open" class="open" href="#">Ingresar</a>
                <a id="close" style="display: none;" class="close" href="#">Ocultar</a>
            </li>
            <li class="right">&nbsp;</li>
        </ul>
    </div> <!-- / top -->

</div> <!--panel -->